<!--{assign var='title' value='美丽风景'}-->
<!--{assign var='keywords' value='蔬菜，蔬菜购买，采购，蔬菜采购，新鲜蔬菜，新鲜蔬菜采购，新鲜蔬菜购买，批发，蔬菜批发'}-->
<!--{assign var='description' value='提供新鲜蔬菜采购。'}-->
<!--{include file="../header2.0.html" sort="8" css='/public/css/channels.css' js=''}-->
<div class="imgflash">
	<ul class='img'>
		<li style="display:block;"><img src="/pic/forests.jpg"/></li>
		<li><img orginal="/pic/pavilion.jpg"/></li>
		<li><img orginal="/pic/sea.jpg"/></li>
		<li><img orginal="/pic/xihu.jpg"/></li>
	</ul>
	<div class="imgdesc">
		<ul>
			<li><p>高山流水，翠竹满山，秀也。</p></li>			
		</ul>
		<ul class='num' id="imgnum">
			<li class="on"><span>1</span></li>
			<li><span>2</span></li>
			<li><span>3</span></li>
			<li><span>4</span></li>
		</ul>
	</div>
</div>
<div class="itemBox">
<div class="boderbox">
	<div class="items">
		<div class="left-t">
			<h4>华山风景</h4>
		</div>
		<div class="content">
			<div class="imgDiv" style="height:339px;">
				<img src="/pic/shuashan1.jpg" width="225px"/>
			</div>
			<ul>
				<li><a href="">复旦大学日本研究中心副主任胡令远</a></li>
				<li><a href="">此次台湾民间保钓活动</a></li>
				<li><a href="">只是表明了台湾民间的保钓行动已</a></li>
				<li><a href="">保钓人士的行动是在给台湾</a></li>
				<li><a href="">台湾方面的某种‘存在感’</a></li>
				<li><a href="">复旦大学日本研究中心副主任胡令远</a></li>
				<li class="on"><a href="">此次台湾民间保钓活动</a></li>
				<li><a href="">只是表明了台湾民间的保钓行动已</a></li>
				<li><a href="">保钓人士的行动是在给台湾</a></li>
				<li><a href="">台湾方面的某种‘存在感’</a></li>
				<li><a href="">只是表明了台湾民间的保钓行动已</a></li>
			</ul>
		</div>
	</div>
	<div class="items">
		<div class="left-t">
			<h4>九宫山风景</h4>
		</div>
		<div class="content">
			<div class="imgDiv" style="height:432px;">
				<img src="/pic/9gongshan1.jpg" width="225px"/>
			</div>
			<ul>
				<li><a href="">复旦大学日本研究中心副主任胡令远</a></li>
				<li><a href="">此次台湾民间保钓活动</a></li>
				<li><a href="">只是表明了台湾民间的保钓行动已</a></li>
				<li><a href="">保钓人士的行动是在给台湾</a></li>
				<li><a href="">台湾方面的某种‘存在感’</a></li>
				<li><a href="">复旦大学日本研究中心副主任胡令远</a></li>
				<li><a href="">此次台湾民间保钓活动</a></li>
				<li><a href="">只是表明了台湾民间的保钓行动已</a></li>
				<li><a href="">保钓人士的行动是在给台湾</a></li>
				<li><a href="">台湾方面的某种‘存在感’</a></li>
				<li><a href="">只是表明了台湾民间的保钓行动已</a></li>
				<li><a href="">只是表明了台湾民间的保钓行动已</a></li>
				<li><a href="">保钓人士的行动是在给台湾</a></li>
				<li class="on"><a href="">只是表明了台湾民间的保钓行动已</a></li>
			</ul>
		</div>
	</div>
	<div class="items" style="position:absolute;top:395px;">
		<div class="left-t">
			<h4>泰山风景</h4>
		</div>
		<div class="content">
			<div class="imgDiv" style="height:432px;">
				<img src="/pic/taishan1.jpg" width="225px"/>
			</div>
			<ul>
				<li><a href="">复旦大学日本研究中心副主任胡令远</a></li>
				<li class="on"><a href="">此次台湾民间保钓活动</a></li>
				<li><a href="">只是表明了台湾民间的保钓行动已</a></li>
				<li><a href="">保钓人士的行动是在给台湾</a></li>
				<li><a href="">台湾方面的某种‘存在感’</a></li>
				<li><a href="">只是表明了台湾民间的保钓行动已</a></li>
				<li><a href="">保钓人士的行动是在给台湾</a></li>
				<li><a href="">台湾方面的某种‘存在感’</a></li>
				<li><a href="">只是表明了台湾民间的保钓行动已</a></li>
				<li><a href="">保钓人士的行动是在给台湾</a></li>
				<li><a href="">台湾方面的某种‘存在感’</a></li>
				<li><a href="">只是表明了台湾民间的保钓行动已</a></li>
				<li><a href="">保钓人士的行动是在给台湾</a></li>
				<li><a href="">台湾方面的某种‘存在感’</a></li>
			</ul>
		</div>
	</div>
	<div class="items" style="position: absolute; top: 487px; left: 502px;">
		<div class="left-t">
			<h4>武当山风景</h4>
		</div>
		<div class="content">
			<div class="imgDiv" style="height: 246px;">
				<img src="/pic/wudang1.jpg" width="225px"/>
			</div>
			<ul>
				<li><a href="">复旦大学日本研究中心副主任胡令远</a></li>
				<li class="on"><a href="">此次台湾民间保钓活动</a></li>
				<li><a href="">只是表明了台湾民间的保钓行动已</a></li>
				<li><a href="">保钓人士的行动是在给台湾</a></li>
				<li><a href="">台湾方面的某种‘存在感’</a></li>
				<li><a href="">只是表明了台湾民间的保钓行动已</a></li>
				<li><a href="">保钓人士的行动是在给台湾</a></li>
				<li><a href="">台湾方面的某种‘存在感’</a></li>
			</ul>
		</div>
	</div>
	<div class="items" style="position: absolute; top: 788px; left: 502px; height: 87px;">
		<p style='margin:0 auto;font-size:12px;line-height:20px;text-indent:2em;'>更多内容,敬请期待...</p>
	</div>
</div>
</div>
<script>
	$('.num >li').hover(function(){$(this).addClass('on').siblings().removeClass('on');var i=$(this).index();imgturn(i);})
	d = true;
	function imgturn(i)
	{
		if(d)
		{
			d = false;
			var obj = $('.img >li').eq(i);
			var src = obj.children('img').attr('orginal');
			obj.siblings().hide();	
			obj.fadeIn('normal',function(){d = true}).children('img').attr('src',src);			
		}
	}
	$('.content > ul >li').hover(function(){
		$(this).addClass('on').siblings().removeClass('on');
		var i=$(this).index();
		if(i==0)
		{
			$(this).css({'margin-top':'0'});
		}
	})
	$('.imgDiv').hover(function(){$(this).css('border-color','#FF9900')},function(){$(this).css('border-color','');})
</script>
<!--{include file="../footer2.0.html"}-->